<template>
    <div>
  <div class="iot_SearchContent">
    <GoodsCell
    v-for="item in Goods[16]"
    :key="item.goods_id" 
    :src="item.goods_big_logo || ImgFalse" 
    :id="item.goods_id"
    :Name="item.goods_name"
    :price="item.goods_price"></GoodsCell>
  </div>
  <div class="iot_Searchloading">加载中……</div>
</div>
</template>

<script>
import GoodsCell from './GoodsCell.vue';
import { inject } from 'vue';
export default {
    name:'SearchPage',
    components:{
        GoodsCell
    },
    setup(){
        const ImgFalse = require('../assets/icons/logo/False.png')
        const Goods = inject('Goods')
        return {Goods,ImgFalse}
    }
}
</script>

<style>
.iot_SearchContent{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.iot_Searchlaoding{
    text-align: center;
    margin: 100px 0;
}
</style>